<carousel [interval]="myInterval" [noWrap]="noWrapSlides" [(activeSlide)]="activeSlideIndex">
            <!--模板元素使用ngfor
                <template ngFor let-item [ngForOf]="items" let-i="index" [ngForTrackBy]="trackByFn">
                <li>...</li>
            </template>-->
            <slide *ngFor="let slide of slides; let index=index">
                <img class= "Carousel" [src]="slide.image">

                <div class="carousel-caption">
                    <h4>Slide {{index}}</h4>
                    <p>{{slide.text}}</p>
                </div>
            </slide>
        </carousel>
        <!--<br/>
        <div>
            <button type="button" class="btn btn-info" (click)="addSlide()">Add Slide
             </button>
            <button type="button" class="btn btn-info" (click)="removeSlide()">Remove Current
            </button>
            <button type="button" class="btn btn-info" (click)="removeSlide(2)">Remove #3
            </button>
        </div>
        <div>
            <div class="checkbox">
                <label><input type="checkbox" [(ngModel)]="noWrapSlides">Disable Slide Looping</label>
            </div>

            <span>时间间隔   0则停止播放 </span>
            <input type="number" class="form-control" [(ngModel)]="myInterval">
        </div>-->